<!DOCTYPE HTML>
<html>
<head>
<title>Single</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Fit Cross Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="applijegleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<!-- Custom Theme files -->
<link href="css/style.css" rel='stylesheet' type='text/css' />	
<script src="js/jquery-1.11.1.min.js"></script>
<!--webfonts-->
<link href='http://fonts.googleapis.com/css?family=Poiret+One|Open+Sans:300italic,400italic,700,300,400' rel='stylesheet' type='text/css'>
<!--//webfonts-->
<script src="js/modernizr.custom.js"></script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!--/script-->
<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event){		
					event.preventDefault();
					$('html,body').animate({scrollTop:$(this.hash).offset().top},900);
				});
			});
</script>
			<link rel="stylesheet" href="css/swipebox.css">
				<script src="js/jquery.swipebox.min.js"></script> 
					<script type="text/javascript">
						jQuery(function($) {
							$(".swipebox").swipebox();
						});
			</script>
</head>
<body>
<!--start-home-->
					<ul class="side_nav">
							<li><a class="active scroll" href="#home"></a></li>
								<li><a class="scroll" href="#about"></a></li>
								<li><a class="scroll" href="#trainer"></a></li>
								<li><a class="scroll" href="#service"></a></li>
								<li><a class="scroll" href="#class"></a></li>
								<li><a class="scroll" href="#blog"></a></li>
								<li><a class="scroll" href="#gallery"></a></li>
								<li><a class="scroll" href="#concat"></a></li>
					</ul> 
		<div class="banner two" id="home">
			<div class="header-top">
				<div class="wrap">	
					<!--top-nav-->
					 <div class="logo">
							  <a href="index.html"><h1>Fit Cross</h1></a>
						  </div>
					<span class="menu"> </span>
					<div class="top-menu">
						<nav>
							<ul class="cl-effect-16">
								<li><a href="index.html" data-hover="Home">Home</a></li>
								<li><a href="index.html" data-hover="About">About</a></li>
								<li><a href="index.html" data-hover="Trainers">Trainers</a></li>
								<li><a href="index.html" data-hover="Services">Services</a></li>
								<li><a href="index.html" data-hover="Classes">Classes</a></li>
								<li><a class="active" href="index.html" data-hover="Blog">Blog</a></li>
								<li><a href="index.html" data-hover="Gallery">Gallery</a></li>
						        <li><a href="index.html" data-hover="Contact">Contact</a></li>
								<div class="clearfix"></div>
							</ul>
						</nav>		
					</div>

				<!-- script-for-menu -->
								<script>
									$("span.menu").click(function(){
										$(".top-menu ul").slideToggle("slow" , function(){
										});
									});
								</script>
								<!-- script-for-menu -->

				 <div class="clearfix"></div>
			<!-- script-for-menu -->
		    </div>
		  </div>
		<!--banner-->	
		</div>
		<section class="se-container">
   <!--start-single-->
		<div class="se-slope" id="single">
		 <article class="se-content single">
		    <div class="wrap two">
			   <h3 class="tittle">Blog</h3>
			 <div class="news-article two">
				<div class="article-post two ">
					<div class="post-details">
					  <a href="#" class="mask"><img src="images/single.jpg" alt="image" class="img-responsive zoom-img"></a>
				   </div>
				   <div class="blog-text two">
						<a href="#"><h4>Blog Post</h4></a>
						 <p>Nam nec tellus a odio tincidunt auctor a ornare odio.Lorem vitae erat consequat auctor elit.</p>
					   </div>
					<div class="date-box two">
						<span class="on_date title_shop two">Aug 
						<h6>30</h6></span>
					</div>
					<ul class="ad-info two">
							 <li><i class="glyphicon glyphicon-calendar"></i>21 Aug'15</li>
							 <li><i class="glyphicon glyphicon-user"></i> <a href="#">Author</a></li>
							 <li><i class="glyphicon glyphicon-comment"></i> <a href="#">24 Comments</a></li>
					</ul>
						<div class="clearfix"> </div>
				    <!--post-details-->	
				</div>	
					<div class="single">
						<div class="col-md-6 leave">
							<h4>Leave a comment</h4>
						 <form id="commentform">
							 <p class="comment-form-author-name"><label for="author">Name</label>
								<input id="author" name="author" type="text" value="" size="30" aria-required="true">
							 </p>
							 <p class="comment-form-email">
								<label class="email">Email</label>
								<input id="email" name="email" type="text" value="" size="30" aria-required="true">
							 </p>
							 <p class="comment-form-comment">
								<label class="comment">Comment</label>
								<textarea></textarea>
							 </p>
							 <div class="clearfix"></div>
							<p class="form-submit">
							   <input name="submit" type="submit" id="submit" value="Send">
							</p>
							<div class="clearfix"></div>
						   </form>
						   </div>
				         <div class="col-md-6 single_grid2">
					         <h4 class="tz-title-4 tzcolor-blue">
							Comments
						   </h4>
								<ul class="list">
								<li>
								<div class="col-md-2 preview"><a href="#"><img src="images/co.png" class="img-responsive" alt=""></a></div>
								<div class="col-md-10 data">
									<div class="title"><a href="#">Trainer</a><br><span class="m_14">Aug 30, 2015</span></div>
									<p>Lorem Ipsum is not simply random text. Richard McClintock, looked up one of the more obscure Latin words and going through the cites of the word in classical literature</p>
									<h5 class="m_26"> <a href="#">Reply</a></h5>
								</div>
							   <div class="clearfix"></div>
							</li>
							  <li>
								<div class="col-md-2 preview"><a href="#"><img src="images/co.png" class="img-responsive" alt=""></a></div>
								<div class="col-md-10 data">
									<div class="title"><a href="#">Trainer</a><br><span class="m_14">Sep 2, 2015</span></div>
									<p>Lorem Ipsum is not simply random text Richard McClintock looked up one of the more obscure Latin words and going through the cites of the word in classical literature</p>
									<h5 class="m_26"> <a href="#">Reply</a></h5>
								</div>
							   <div class="clearfix"></div>
							</li>
						 </ul>
				     </div>
					 <div class="clearfix"></div>
			 </div>
			</div>
		</div>
	</article>
	</div>
	<div class="se-slope ">
		<article class="se-content lost">
			<!----footer--->
			<div class="footer">
				<div class="wrap">
				<div class="f-grids">
					<div class="col-md-4 footer-grid">
						<h3>Recent<span class="opening">Posts</span></h3>
						  <a href="#"><h5>The do’s and don’ts of running for fitness</h5></a>
						  <p>Sed rhoncus nulla turpis, vitae rutrum velit iaculis et. Curabitur vestibulum, erat non im</p>
						   <p class="month">April 1, 2014 , By <a href="#"> Robert Louise</a></p>
						  <a href="#"><h5>The do’s and don’ts of running for fitness</h5></a>
						  <p>Sed rhoncus nulla turpis, vitae rutrum velit iaculis et. Curabitur vestibulum, erat non im</p>
						 <p class="month">April 1, 2014 , By <a href="#"> Robert Louise</a></p>
						</div>
						<div class="col-md-4 footer-grid">
							<div class="opening_hours">
								 <ul class="times">
									<h3>Opening<span class="opening">Hours</span></h3>
									<li><i class="glyphicon glyphicon-time"> </i><span class="week">Monday</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
									<li><i class="glyphicon glyphicon-time"> </i><span class="week">Tuesday</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
									<li><i class="glyphicon glyphicon-time"> </i><span class="week">Wednesday</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
									<li><i class="glyphicon glyphicon-time"> </i><span class="week">Thrusday</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
									<li><i class="glyphicon glyphicon-time"> </i><span class="week">Friday</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
									<li><i class="glyphicon glyphicon-time"> </i><span class="week">Saturday</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
									<li><i class="glyphicon glyphicon-time"> </i><span class="week">Sunday</span><div class="hours">Closed</div>  <div class="clearfix"></div></li>
			
								 </ul>
							</div>
						</div>
						<div class="col-md-4 footer-grid">
								<h3>Contact<span class="opening">Info</span></h3>
							<ul class="address">
								 <li>123, new street, 129907 New Yark</li>
								 <li>023 456 23456</li>
								 <li><a class="mail" href="mailto:info@example.com">123 int@example.com</a></li>
							</ul>
							<div class="support">
								   <input type="text" class="text" value="Enter email... " onfocus="this.value = '';" onblur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}">
								<input type="submit" value="SUBMIT" class="botton">
									 <p>Lorem ipsum dolor sit amet conse aliqua. Ut enim ad minim veniam Lorem ctetur adipisicing .</p>
								</div>


						</div>
							<div class="clearfix"></div>
						</div>
						<div class="copy">
								<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
						</div>
					</div>
				</div>
			</article>
		</div>
  </section>
  <!--footer-->
    	<!--start-smooth-scrolling-->
						<script type="text/javascript">
									$(document).ready(function() {
										/*
										var defaults = {
								  			containerID: 'toTop', // fading element id
											containerHoverID: 'toTopHover', // fading element hover id
											scrollSpeed: 1200,
											easingType: 'linear' 
								 		};
										*/
										
										$().UItoTop({ easingType: 'easeOutQuart' });
										
									});
								</script>
		<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


</body>
</html>